.shop-detail{
	padding-bottom: 1.733333rem /* 130/75 */ /* 120/75 */;
	overflow-x: hidden;
	.info{
		position: relative;
		display: flex;
		background: #fff;
		// width: 100%;
		align-items: center;
		padding-left: .386667rem /* 29/75 */;
		padding-top: .493333rem /* 37/75 */;
		padding-bottom: .466667rem /* 35/75 */;
		&::before{
			content: '';
			position: absolute;
			bottom: 0;
			background: #dcdcdc;
			height: 1px;
			width: 100%;
			left: .386667rem /* 29/75 */;
		}
		.avatar{
			width: 1.146667rem /* 86/75 */;
			height: 1.146667rem /* 86/75 */;
			border-radius: 100%;
			overflow: hidden;
			img{
				width: 100%;
			}
			
		}
		.d{
			margin-left: .266667rem /* 20/75 */;
			h4{
				font-size: .4rem /* 30/75 */;
				color: #333333;
			}
			p{
				font-size: .32rem /* 24/75 */;
				color: #999999;
			}
		}
	}

	.main{
		width: 100%;
		margin: 0;
		margin-bottom: .32rem /* 24/75 */;
		&::before{
			border: none;
		}
		.content{
			padding-left: .293333rem /* 22/75 */;
			padding-right: .293333rem /* 22/75 */;
			
			.price-wrap{
				padding-left: .24rem /* 18/75 */;
				padding-top: .64rem /* 48/75 */;
				line-height: 1;
				.shop-detail-price{
					font-size: .64rem /* 48/75 */;
					color: #ff4444;
					margin-right: .306667rem /* 23/75 */;
				}
				.originPrice{
					font-size: .32rem /* 24/75 */;
					text-decoration: line-through;
					color: #999999;
				}
			}
			.content-text{
				font-size: .426667rem /* 32/75 */;
				color: #333333;
				margin-top: .413333rem /* 31/75 */;
				margin-bottom: .32rem /* 24/75 */;
				line-height:.746667rem /* 56/75 */;
			}
			img{
				width: 100%;
				vertical-align: middle;
				margin-bottom: .213333rem /* 16/75 */;
			}
		}
		.footer{
			height: 1.16rem /* 87/75 */;
			align-items: center;
			padding-left: .4rem /* 30/75 */;
			padding-right: .413333rem /* 31/75 */;
			display: flex;
			justify-content: space-between;
			// align-items: center;
			border-top: .013333rem /* 1/75 */ solid #dcdcdc;
			
			.left{
				font-size: .346667rem /* 26/75 */;
				color: #4a73fd;
				line-height: .426667rem /* 32/75 */;
				display: flex;
				align-items: center;
				img{
					width: .426667rem /* 32/75 */;
					vertical-align: middle;
					margin-right: .28rem /* 21/75 */;
				}
			}
			.view{
				font-size: .32rem /* 24/75 */;
				color: #999999;
			}
		}
	}
	.comment-wrap{
		background: #fff;
		.title{
			height: 1.173333rem /* 88/75 */;
			display: flex;
			align-items: center;
			padding-left: .426667rem /* 32/75 */;
			border-bottom: 1px solid #dcdcdc;
			color: #333333;
			font-size: .4rem /* 30/75 */;
			font-weight: bold;
		}
	
	}
	.bottom{
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		background: #fff;
		display: flex;
		height: 1.333333rem /* 100/75 */;
		justify-content: space-between;
		align-items: center;
		padding-left: .493333rem /* 37/75 */;
		padding-right: .186667rem /* 14/75 */;
		box-shadow: 0 -3px 5px rgba(0, 0, 0, .2);
		.controls{
			display: flex;
			width: 50%;
			justify-content: space-between;
			// .item{
			// 	font-size: .32rem /* 24/75 */;
			// 	color: #444444;
			// 	i{
			// 		font-size: 1.3em;
			// 		color: #666;
			// 	}
			// }
			.item.avtive{
				font-size: .32rem /* 24/75 */;
				color: #ff4444;
				i{
					font-size: 1.3em;
					color: #ff4444;
				}
			}
			// .collect.avtive{
			// 	i{
			// 		color: #ff4444;
			// 	}
			// }
		}
		.connect,.pay{
			width: 2.08rem /* 156/75 */;
			height: .76rem /* 57/75 */;
			color: #fff;
			text-align: center;
			line-height: .76rem /* 57/75 */;
			background-color: #ff4444;
		}
	}
}